<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">                                                         
<!-- <link type="text/css" rel="stylesheet" href="HeatMap.css">-->
<title>Indonesia Student Heat Map Application</title>                                   
<script type="text/javascript" language="javascript"
	src="heatmap/heatmap.nocache.js"></script>
	

 
 
<STYLE type="text/css">

.middleCenter {
	padding:3px 5px 3px 5px;
	background-color: #FFFFFF;
}
p.title {
	font-weight: bold; 
	margin: 0; 
	padding: 0;
}

table.map .middleCenter, table.table .middleCenter{ padding: 0;}

div.header-bar {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #D7DDE8;
	border-bottom: 1px solid #C3C3C3;
	padding: 0 10px;
}

div.header-bar p{
margin:3px;
padding:0;
}

</STYLE>
 	
</head>                          
<body>
 <noscript>
<div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
Your web browser must have JavaScript enabled in order for this
application to display correctly.</div>
</noscript>

<div style="position: absolute; overflow-x: hidden; overflow-y: hidden; left: 0pt; top: 0pt; right: 0pt; height: 20pt; ">
	<div class="header-bar">
		<p>Prototype for Indonesian student data heat map application</p>
	</div>
</div>	

<div style="position: absolute; overflow-x: hidden; overflow-y: hidden; left: 0pt; top: 20pt; right: 0pt;">
<div id="app"></div>
</div>
	

</body>
</html>
